<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ListStudent</title>
</head>
<script src="js/Jquery.js"></script>
<link rel="stylesheet" href="css/style1.css">
<link rel="stylesheet" href="css/bootstrap.css">

<body>
<h1 align="center" >学生列表展示</h1>
<hr>
    请输入姓名：<input type="text" id="userName" name="userName">
    <input type="button" value="确定" id="submit" name="submit">
    <input type="button" value="全部" id="allPage" name="submit">
    <input type="button" value="添加" id="addStduent" name="submit">
<hr>

<table id="students" class="table table-bordered table-striped" >
    <tr id="head">
        <td>学号</td>
        <td>姓名</td>
        <td>班级</td>
        <td>性别</td>
        <td>系部</td>
        <td>电话</td>
        <td>宿舍号</td>
        <td>照片</td>
        <td>操作</td>
    </tr>
</table>
<br>
<ul id="pages">
    <li><a  id="firstPage"> 首 页</a></li>
    <li><a  id="prevPage"> 上一页</a></li>
    <li><a  id="nextPage">下一页</a></li>
    <li><a  id="lastPage"> 尾 页</a></li>
</ul>
<br>
<br><br>
<br><br>
<br>
<!--<script>-->
<!--    var url=window.location.href-->
<!--    alert(url)-->
<!--    var students-->
<!--    var pageSize=10;-->
<!--    var curPage=1-->
<!--    var maxPage;-->
<!--    var url1=url.split("curPage=")[1];-->
<!--    url1=url1.split("pageSize=")-->
<!--    var curPage=parseInt(url1[0]);-->
<!--    pageSize=parseInt(url1[1]);-->
<!--    console.log(curPage,pageSize)-->

<!--        changePage(curPage,pageSize);-->
<!--    function changePage(curPage,pageSize){-->
<!--        $(".dlt").remove()-->
<!--        $(function (){-->
<!--            $.ajax({-->
<!--                url:"/ListStudentByPage",-->
<!--                type:"Post",-->
<!--                data: {"curPage":curPage,-->
<!--                    "pageSize":pageSize-->
<!--                },-->
<!--                async:false,-->
<!--                success:function (data){-->
<!--                    console.log(data)-->
<!--                    var jsonData=JSON.parse( data );-->
<!--                    maxPage=jsonData.Maxpage-->

<!--                    if(jsonData.students==null){-->
<!--                        alert("页面跳转错误！")-->
<!--                    }else{-->
<!--                         students=jsonData.students-->
<!--                        for(var  s of students) {-->
<!--                            var tr = "<tr class='dlt'>"-->
<!--                            for (var i in s) {-->
<!--                                if (i != "photopath") {-->
<!--                                    tr += "<td>" + s[i] + "</td>"-->
<!--                                } else {-->
<!--                                    tr += "<td><img src='" + s[i] + "'style='width: 100px;height: 100px'/></td>"-->
<!--                                }-->
<!--                            }-->
<!--                            tr += "<td><a class='delete'>删除</a><a>&nbsp;</a> <a class='update'>更新</a></td>"-->
<!--                            tr += "</tr>"-->
<!--                            $("#students tr:last").after(tr)-->
<!--                        }-->
<!--                        $(".delete").on("click",function (){-->
<!--                            var stuNo=$(this).parent().siblings()[0].innerText-->
<!--                            deleteStudent(stuNo)-->
<!--                            changePage(curPage,pageSize)-->

<!--                        })-->
<!--                        $(".update").on("click",function (){-->
<!--                            var stuNo=$(this).parent().siblings()[0].innerText-->
<!--                            window.location.href="http://localhost:8080/modifyInfo.html?stuNo="+stuNo;-->
<!--                        })-->

<!--                    }-->
<!--                },-->
<!--                error:function (){-->
<!--                    console.log("出现错误！")-->
<!--                }-->
<!--            })-->
<!--        })-->
<!--    }-->
<!--    $(".delete").click(function (){-->
<!--        var stuNo=$(this).parent().siblings()[0].innerText-->
<!--        deleteStudent(stuNo)-->
<!--    })-->
<!--   function deleteStudent(stuNo){-->
<!--       $(function (){-->
<!--           $.ajax({-->
<!--               url:"/DeleteStudentByNo?stuNo="+stuNo,-->
<!--               type:"Post",-->
<!--               data: {},-->
<!--               async:false,//同步-->
<!--               success:function (data){-->
<!--                   console.log(data)-->
<!--                   var jsonData=JSON.parse( data );-->
<!--                   if(jsonData.msg=="ok"){-->
<!--                       alert(jsonData.result)-->
<!--                   }else {-->
<!--                       alert(jsonData.result)-->
<!--                   }-->
<!--               },-->
<!--               error:function (){-->
<!--                   console.log("出现错误！")-->
<!--               }-->
<!--           })-->
<!--       })-->
<!--   }-->
<!--    $("#firstPage").click(function (){-->
<!--        curPage=1;-->
<!--        window.location.href="http://localhost:8080/listStudentByPage.html?curPage="+curPage+"&pageSize="+pageSize-->
<!--    })-->
<!--    $("#prevPage").click(function (){-->
<!--        curPage-=1;-->
<!--        if(curPage<=1){-->
<!--            curPage=1-->
<!--        }-->
<!--        window.location.href="http://localhost:8080/listStudentByPage.html?curPage="+curPage+"&pageSize="+pageSize-->
<!--    })-->
<!--    $("#nextPage").click(function (){-->
<!--        curPage+=1-->
<!--        if(curPage>=maxPage){-->
<!--            curPage=maxPage-->
<!--        }-->
<!--        window.location.href="http://localhost:8080/listStudentByPage.html?curPage="+curPage+"&pageSize="+pageSize-->

<!--    })-->
<!--    $("#lastPage").click(function (){-->
<!--        curPage=maxPage-->
<!--        alert(curPage)-->
<!--        window.location.href="http://localhost:8080/listStudentByPage.html?curPage="+curPage+"&pageSize="+pageSize-->

<!--    })-->
<!--    $("#submit").click(function (){-->

<!--    })-->
<!--    $("#allPage").click(function (){-->
<!--        window.location.href="http://localhost:8080/listStudent.html"-->
<!--    })-->
<!--    $("#addStduent").click(function (){-->
<!--        window.location.href="http://localhost:8080/modifyInfo.html"-->
<!--    })-->
<!--    $("#ByPage").click(function (){-->
<!--        window.location.href="http://localhost:8080/listStudentByPage.html?curPage=1&pageSize=10"-->
<!--    })-->



<!--</script>-->
<script src="js/listStudent.js"></script>

</body>
</html>